/* 公共样式1 */
.flex{
  display: flex;
  flex-direction: row;
}
.flex-row{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
.flex-column-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.flex-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flex-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.flex-end{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.flex-warp{
  flex-wrap: wrap;
}
.align-item{
  align-items: center;
}
.justify-content{
	justify-content: center
}

.flex1{
  flex: 1;
}
.flex2{
  flex: 2;
}
.flex3{
  flex: 3;
}
.flex4{
  flex: 4;
}
.flex5{
  flex: 5;
}
.flex6{
  flex: 6;
}
.flex7{
  flex: 7;
}
.flex8{
  flex: 8;
}
.flex9{
  flex: 9;
}
.flex10{
  flex: 10;
}
.flex11{
  flex: 11;
}
.flex12{
  flex: 12;
}
.flex13{
  flex: 13;
}
.flex14{
  flex: 14;
}
.flex15{
  flex: 15;
}
.flex16{
  flex: 16;
}
.flex17{
  flex: 17;
}
.flex18{
  flex: 18;
}
.flex19{
  flex: 19;
}
.flex20{
  flex: 20;
}
.flex21{
  flex: 21;
}
.flex22{
  flex: 22;
}
.flex23{
  flex: 23;
}
.flex24{
  flex: 24;
}

/* 公共样式2 */
.pr {
  position: relative
}

.pa {
  position: absolute
}

/* 公共样式3 */
/* 上 */
.mt5 {
	margin-top: 10rpx;
}
.mt10 {
	margin-top: 20rpx;
}
.mt15 {
	margin-top: 30rpx;
}
.mt20 {
	margin-top: 40rpx;
}
.mt25 {
	margin-top: 50rpx;
}
.mt30 {
	margin-top: 60rpx;
}
/* 右 */
.mr5 {
	margin-right: 10rpx;
}
.mr10 {
	margin-right: 20rpx;
}
.mr15 {
	margin-right: 30rpx;
}
.mr20 {
	margin-right: 40rpx;
}
.mr25 {
	margin-right: 50rpx;
}
.mr30 {
	margin-right: 60rpx;
}
/* 下 */
.mb5 {
	margin-bottom: 10rpx;
}
.mb10 {
	margin-bottom: 20rpx;
}
.mb15 {
	margin-bottom: 30rpx;
}
.mb20 {
	margin-bottom: 40rpx;
}
.mb25 {
	margin-bottom: 50rpx;
}
.mb30 {
	margin-bottom: 60rpx;
}
/* 左 */
.ml5 {
	margin-left: 10rpx;
}
.ml10 {
	margin-left: 20rpx;
}
.ml15 {
	margin-left: 30rpx;
}
.ml20 {
	margin-left: 40rpx;
}
.ml25 {
	margin-left: 50rpx;
}
.ml30 {
	margin-left: 60rpx;
}

/* 内边距上 */
.pt5 {
	padding-top: 10rpx;
}
.pt10 {
	padding-top: 20rpx;
}
.pt15 {
	padding-top: 30rpx;
}
.pt20 {
	padding-top: 40rpx;
}
.pt25 {
	padding-top: 50rpx;
}
.pt30 {
	padding-top: 60rpx;
}
/* 右 */
.pr5 {
	padding-right: 10rpx;
}
.pr10 {
	padding-right: 20rpx;
}
.pr15 {
	padding-right: 30rpx;
}
.pr20 {
	padding-right: 40rpx;
}
.pr25 {
	padding-right: 50rpx;
}
.pr30 {
	padding-right: 60rpx;
}
/* 下 */
.pb5 {
	padding-bottom: 10rpx;
}
.pb10 {
	padding-bottom: 20rpx;
}
.pb15 {
	padding-bottom: 30rpx;
}
.pb20 {
	padding-bottom: 40rpx;
}
.pb25 {
	padding-bottom: 50rpx;
}
.pb30 {
	padding-bottom: 60rpx;
}
/* 左 */
.pl5 {
	padding-left: 10rpx;
}
.pl10 {
	padding-left: 20rpx;
}
.pl15 {
	padding-left: 30rpx;
}
.pl20 {
	padding-left: 40rpx;
}
.pl25 {
	padding-left: 50rpx;
}
.pl30 {
	padding-left: 60rpx;
}

/* 公共样式4 */
.color-333-size-14{
	font-size: 28rpx;
	color: #333333;
}
.color-666-size-12{
	font-size: 24rpx;
	color: #666666;
}